<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8" />
<title>小额贷款后台管理首页</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>

	<!--******************* 菜单选项 ******************-->
	<div th:fragment="navigation" class="sidebar" id="sidebar">
		<script type="text/javascript">
			try {
				ace.settings.check('sidebar', 'fixed')
			} catch (e) {
			}
		</script>

		<div class="sidebar-shortcuts" id="sidebar-shortcuts">
			<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
				<button class="btn btn-success">
					<i class="icon-signal"></i>
				</button>

				<button class="btn btn-info">
					<i class="icon-pencil"></i>
				</button>

				<button class="btn btn-warning">
					<i class="icon-group"></i>
				</button>

				<button class="btn btn-danger">
					<i class="icon-cogs"></i>
				</button>
			</div>

			<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
				<span class="btn btn-success"></span> <span class="btn btn-info"></span>

				<span class="btn btn-warning"></span> <span class="btn btn-danger"></span>
			</div>
		</div>
		<!-- #sidebar-shortcuts -->
		<span th:switch="${session.role}"> 
			<span th:case="1">
				<ul class="nav nav-list">
					<li class="active"><a> <i class="icon-dashboard"></i> <span
							class="menu-text"> 控制台 </span>
					</a></li>
		
					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-desktop"></i> <span class="menu-text"> 客户管理 </span> <b
							class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a href="/cutoList" th:href="@{cutoList}"> <i
									class="icon-double-angle-right"></i> 客户基本资料
							</a></li>
		
							<li><a href="/buttons" th:href="@{/buttons}"> <i
									class="icon-double-angle-right"></i> 用户信用评分
							</a></li>
		
							<li><a href="#" class="dropdown-toggle"> <i
									class="icon-double-angle-right"></i> 黑名单资料库 <b
									class="arrow icon-angle-down"></b>
							</a>
								<ul class="submenu">
									<li><a href="#"> <i class="icon-leaf"></i> 平台黑名单
									</a></li>
		
									<li><a href="#" class="dropdown-toggle"> <i
											class="icon-pencil"></i> 征信黑名单 <b class="arrow icon-angle-down"></b>
									</a>
										<ul class="submenu">
											<li><a href="#"> <i class="icon-plus"></i> 征信黑户
											</a></li>
		
											<li><a href="#"> <i class="icon-eye-open"></i> 贷款黑户
											</a></li>
										</ul></li>
								</ul></li>
						</ul></li>
		
					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-file-alt"></i> <span class="menu-text"> 借款管理 </span> <b
							class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a th:href="@{/loanap}"> <i
									class="icon-double-angle-right"></i> 客户贷款申请
							</a></li>
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 合同管理
							</a></li>
						</ul></li>
		
					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-edit"></i> <span class="menu-text"> 风控管理 </span> <b
							class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 借款人管理
							</a></li>
		
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 催收管理
							</a></li>
						</ul></li>
		
					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-list"></i> <span class="menu-text"> 财务管理 <span
								class="badge badge-primary "></span>
						</span> <b class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 发放贷款客户
							</a></li>
		
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 回收客户还款
							</a></li>
						</ul></li>
		
					<li><a href="#" class="dropdown-toggle"> <i class="icon-cog"></i>
		
							<span class="menu-text"> 系统设置 <span
								class="badge badge-primary "></span>
						</span> <b class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a href="#" th:href="${'#'}"> <i
									class="icon-double-angle-right"></i> 版本
							</a></li>
		
							<li><a href="#" th:href="${'#'}"> <i
									class="icon-double-angle-right"></i> 帮助
							</a></li>
						</ul></li>
				</ul>
			</span> 
			<span th:case="2"> 
				<ul class="nav nav-list">
					<li class="active"><a> <i class="icon-dashboard"></i> <span
						class="menu-text"> 控制台 </span>
					</a></li>
					<li><a href="#" class="dropdown-toggle"> <i
						class="icon-desktop"></i> <span class="menu-text"> 客户管理 </span> <b
						class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a href="/cutoList" th:href="@{cutoList}"> <i
									class="icon-double-angle-right"></i> 客户基本资料
							</a></li>
		
							<li><a href="/buttons" th:href="@{/buttons}"> <i
									class="icon-double-angle-right"></i> 用户信用评分
							</a></li>
		
							<li><a href="#" class="dropdown-toggle"> <i
									class="icon-double-angle-right"></i> 黑名单资料库 <b
									class="arrow icon-angle-down"></b>
							</a>
								<ul class="submenu">
									<li><a href="#"> <i class="icon-leaf"></i> 平台黑名单
									</a></li>
		
									<li><a href="#" class="dropdown-toggle"> <i
											class="icon-pencil"></i> 征信黑名单 <b class="arrow icon-angle-down"></b>
									</a>
										<ul class="submenu">
											<li><a href="#"> <i class="icon-plus"></i> 征信黑户
											</a></li>
		
											<li><a href="#"> <i class="icon-eye-open"></i> 贷款黑户
											</a></li>
										</ul></li>
								</ul></li>
						</ul></li>
					<li><a href="#" class="dropdown-toggle"> <i
						class="icon-file-alt"></i> <span class="menu-text"> 借款管理 </span> <b
						class="arrow icon-angle-down"></b>
					</a>
	
					<ul class="submenu">
						<li><a th:href="@{/loanap}"> <i
								class="icon-double-angle-right"></i> 客户贷款申请
						</a></li>
						<li><a href="#" th:href="@{'#'}"> <i
								class="icon-double-angle-right"></i> 合同管理
						</a></li>
					</ul></li>
				</ul>
			</span> 
			<span th:case="3">
				<ul class="nav nav-list">
				<li class="active"><a> <i class="icon-dashboard"></i> <span
							class="menu-text"> 控制台 </span>
					</a></li>
		
					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-desktop"></i> <span class="menu-text"> 客户管理 </span> <b
							class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a href="/cutoList" th:href="@{/cutoList}"> <i
									class="icon-double-angle-right"></i> 客户基本资料
							</a></li>
		
							<li><a href="/buttons" th:href="@{/buttons}"> <i
									class="icon-double-angle-right"></i> 用户信用评分
							</a></li>
		
							<!-- <li><a href="#" class="dropdown-toggle"> <i
									class="icon-double-angle-right"></i> 黑名单资料库 <b
									class="arrow icon-angle-down"></b>
							</a>
								<ul class="submenu">
									<li><a href="#"> <i class="icon-leaf"></i> 平台黑名单
									</a></li>
		
									<li><a href="#" class="dropdown-toggle"> <i
											class="icon-pencil"></i> 征信黑名单 <b class="arrow icon-angle-down"></b>
									</a>
										<ul class="submenu">
											<li><a href="#"> <i class="icon-plus"></i> 征信黑户
											</a></li>
		
											<li><a href="#"> <i class="icon-eye-open"></i> 贷款黑户
											</a></li>
										</ul></li>
								</ul></li> -->
						</ul></li>
		
					<li><a href="#" class="dropdown-toggle"> <i
							class="icon-file-alt"></i> <span class="menu-text"> 借款管理 </span> <b
							class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a th:href="@{/approaction}"> <i
									class="icon-double-angle-right"></i> 审批客户贷款申请
							</a></li>
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 合同管理
							</a></li>
						</ul></li>
				<li><a href="#" class="dropdown-toggle"> <i
							class="icon-edit"></i> <span class="menu-text"> 风控管理 </span> <b
							class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 借款人管理
							</a></li>
		
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 催收管理
							</a></li>
						</ul></li>
				</ul>
			</span> 
			<span th:case="4"> 
				<ul class="nav nav-list">
					<li class="active"><a> <i class="icon-dashboard"></i> <span
					class="menu-text"> 控制台 </span>
					</a></li>
					<li><a href="#" class="dropdown-toggle"> <i
					class="icon-list"></i> <span class="menu-text"> 财务管理 <span
						class="badge badge-primary "></span>
					</span> <b class="arrow icon-angle-down"></b>
					</a>
		
						<ul class="submenu">
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 发放贷款客户
							</a></li>
		
							<li><a href="#" th:href="@{'#'}"> <i
									class="icon-double-angle-right"></i> 回收客户还款
							</a></li>
						</ul></li>
				</ul>
			</span>
		</span>

		<!-- /.nav-list -->

		<div class="sidebar-collapse" id="sidebar-collapse">
			<i class="icon-double-angle-left" data-icon1="icon-double-angle-left"
				data-icon2="icon-double-angle-right"></i>
		</div>

		<script type="text/javascript">
			try {
				ace.settings.check('sidebar', 'collapsed')
			} catch (e) {
			}
		</script>

	</div>
	<!--*********************  更换页面样式和布局 *******************-->
	<div th:fragment="style" class="ace-settings-container"
		id="ace-settings-container">
		<div class="btn btn-app btn-xs btn-warning ace-settings-btn"
			id="ace-settings-btn">
			<i class="icon-cog bigger-150"></i>
		</div>

		<div class="ace-settings-box" id="ace-settings-box">
			<div>
				<div class="pull-left">
					<select id="skin-colorpicker" class="hide">
						<option data-skin="default" value="#438EB9">#438EB9</option>
						<option data-skin="skin-1" value="#222A2D">#222A2D</option>
						<option data-skin="skin-2" value="#C6487E">#C6487E</option>
						<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
					</select>
				</div>
				<span>&nbsp; 选择皮肤</span>
			</div>

			<div>
				<input type="checkbox" class="ace ace-checkbox-2"
					id="ace-settings-navbar" /> <label class="lbl"
					for="ace-settings-navbar"> 固定导航条</label>
			</div>

			<div>
				<input type="checkbox" class="ace ace-checkbox-2"
					id="ace-settings-sidebar" /> <label class="lbl"
					for="ace-settings-sidebar"> 固定滑动条</label>
			</div>

			<div>
				<input type="checkbox" class="ace ace-checkbox-2"
					id="ace-settings-breadcrumbs" /> <label class="lbl"
					for="ace-settings-breadcrumbs">固定面包屑</label>
			</div>

			<div>
				<input type="checkbox" class="ace ace-checkbox-2"
					id="ace-settings-rtl" /> <label class="lbl" for="ace-settings-rtl">切换到左边</label>
			</div>

			<div>
				<input type="checkbox" class="ace ace-checkbox-2"
					id="ace-settings-add-container" /> <label class="lbl"
					for="ace-settings-add-container"> 切换窄屏 <b></b>
				</label>
			</div>
		</div>
	</div>
	<!-- /#ace-settings-container -->

	<!--**************  Top返回顶部 *****************-->
	<a href="#" th:fragment="top" id="btn-scroll-up"
		class="btn-scroll-up btn btn-sm btn-inverse"> <i
		class="icon-double-angle-up icon-only bigger-110"></i>
	</a>
</body>
</html>
